﻿/*隐藏滑动条*/
.main-left::-webkit-scrollbar,
.main-right::-webkit-scrollbar {
    display: none;
}
/*scrollbar-width: none;*/
/*左边*/
.main-left {
    float: left;
    width: 17%;
    height: 100%;
    border: 3px solid #ccc;
    overflow: auto;
    scrollbar-width: none;
}
.main-left .main-nav {
    width: 212px;
    height: 453px;
    line-height: 40px;
    background-color: #fff;
    padding-left: 10px;
}
.user {
    width: 212px;
    position: relative;
    height: 60px;
    line-height: 60px;
    background-color: #336666;
    color: #fff;
}
.userImage {
    position: absolute;
    left: 10px;
    top: 6px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.use-nn1 {
    position: absolute;
    left: 70px;
    top: -8px;
    height: 20px;
    font-size: 12px;
}
.use-nn2 {
    top: 11px;
}
.use-a {
    left: 126px;
    top: 10px;
    color: #fff;
}
/*右边*/
.main-right {
    float: right;
    width: 83%;
    height: 100%;
    border: 3px solid #ccc;
    overflow: auto;
    scrollbar-width: none;
}
.main-content {
    position: relative;
    width: 1057px;
    height: 513px;
}
.right-conent {
    position: absolute;
    left: 0;
    top: 0;
    width: 1057px;
    height: 513px;
    display: none;
}
.right-hd {
    position: relative;
    height: 60px;
    border-bottom: 3px solid #ccc;
    background-color: #fff;
}
.right-hd-title {
    position: absolute;
    height: 60%;
    width: 120px;
    text-align: center;
    line-height: 36px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background-color: red;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
}
.btncls {
    position: absolute;
    height: 100%;
    left: 20px;
    top: 15px;
    width: 80px;
    height: 30px;
    font-size: 14px;
}
.sty_btn {
    width: 80px;
    height: 30px;
    border: 0;
    line-height: 30px;
    border-radius: 10px;
    background-color: #ffd800;
}
.sty_btn:hover {
    background-color: #0094ff;
    color: #fff;
}
.ddltype {
    position: absolute;
    left: 220px;
    top: 15px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
}
.sty_ddl {
    border: 1px solid #ffd800;
    background-color: transparent;
    color: #ccc;
}
.fileImagUpload {
    position: absolute;
    height: 100%;
    left: 113px;
    top: 15px;
    width: 80px;
    height: 30px;
    font-size: 14px;
}
.search {
    position: absolute;
    right: 115px;
    top: 15px;
    font-size: 14px;
}
.sty_txt {
    width: 200px;
    padding-left: 10px;
    height: 30px;
    border: 1px solid #ffd800;
    color: #ccc;
}
.sty_btn1 {
    width: 60px;
    height: 30px;
    border-radius: 0;
}

/*主体*/
.right-bd {
    width: 1057px;
    height: 453px;
    overflow: auto;
}
.sty_gv {
    width: 100%;
    height: 100%;
    text-align: center !important;
}
/*密码修改*/
.changePwd {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 10px 10px;
    transform: translate(-50%,-50%);
    z-index: 1;
    background-color: #fff;
    border: 1px solid #5d6b99;
}
.btnMaL {
    margin-top: 15px;
    height: 30px;
    line-height: 10px;
}

.btnMl {
    margin-left: 73px;
}

.style_h {
    height: 30px;
    margin: 5px 5px;
    padding-left: 5px;
    border: 1px solid #5d6b99;
    outline: none;
}

.title {
    margin-left: 65px;
    text-align: center;
    height: 45px;
}

.title h5 {
    width: 120px;
    text-align: center;
    line-height: 36px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
}
.modal_qz {
    z-index: 20;
}

.gv_w {
    width: 1800px;
}
.show {
    display: block;
}

.closesna::after {
    position: absolute;
    right: 40px;
    top: 17.5px;
    font-family: icomoon;
    content: "\e9aa";
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    background-color: red;
    color: #000;
    cursor: pointer;
}

